<!--
 * @Description: 引入地图组件, 头部标题和底部tab栏组件
 * @Author: your name
 * @version: 
 * @Date: 2024-05-08 14:49:38
 * @LastEditors: your name
 * @LastEditTime: 2024-05-08 16:38:14
-->
<template>
  <v-scale-screen width="1920" height="1080" delay="200">
    <keep-alive>
      <CesiumView>
        <template #default>
          <header-view></header-view>
          <router-view></router-view>
          <footer-view></footer-view>
        </template>
      </CesiumView>
    </keep-alive>
  </v-scale-screen>
</template>

<script setup>
import { ref, defineAsyncComponent, onMounted, watch } from 'vue';
// 三维视图的组件
import CesiumView from './views/CesiumView.vue';
// 根据屏幕大小自适应调整视图的插件
import VScaleScreen from 'v-scale-screen';

// 引入大屏的头部标题和底部tab栏组件
import HeaderView from '@/components/HeaderView.vue';
import FooterView from '@/components/FooterView.vue';

</script>

<style scoped lang="scss">
</style>